@primary-color: #2466d0;
//@heading-color: rgba(0, 0, 0, 0.85); // 标题色
//@text-color: rgba(0, 0, 0, 0.65); // 主文本色
//@text-color-secondary: rgba(0, 0, 0, 0.45); // 次文本色
//@disabled-color: rgba(255, 255, 255, 0.25); // 失效色
//@background-color-light: hsv(0, 0, 50%); // background of header and selected item
//@background-color-base: hsv(0, 0, 75%); // Default grey background color
@input-background-color: #ffffff;
@border-color-base: #3e9fc8;

// Disabled states
//@disabled-color: fade(#fff, 55%);
//@disabled-bg: @background-color-base;
//@disabled-color-dark: fade(#fff, 35%);

// The background colors for active and hover states for things like
// list items or table cells.
//@item-active-bg: @primary-7;
//@item-hover-bg: @primary-7;

// Base Scaffolding Variables
// ---

// Background color for `<body>`
@body-background: #20294B;
// Base background color for most components
@component-background: #ffffff;
//@font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB',
//'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji',
//'Segoe UI Emoji', 'Segoe UI Symbol';
//@code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
//@text-color: fade(@black, 65%);
//@text-color-secondary: fade(@white, 45%);
//@text-color-inverse: @text-color;
//@icon-color: fade(@white, 85%);
//@icon-color-hover: fade(@white, 75%);
//@heading-color: fade(@white, 85%);
//@heading-color-dark: fade(@white, 100%);
//@text-color-dark: fade(@white, 85%);
//@text-color-secondary-dark: fade(@white, 65%);
//@text-selection-bg: @primary-color;
//@font-variant-base: tabular-nums;
//@font-feature-settings-base: 'tnum';
//@font-size-base: 14px;
//@font-size-lg: @font-size-base + 2px;
//@font-size-sm: 12px;
//@heading-1-size: ceil(@font-size-base * 2.71);
//@heading-2-size: ceil(@font-size-base * 2.14);
//@heading-3-size: ceil(@font-size-base * 1.71);
//@heading-4-size: ceil(@font-size-base * 1.42);
//@line-height-base: 1.5;
//@border-radius-base: 4px;
//@border-radius-sm: 2px;

//layout
@layout-header-height: 122px;

// Buttons
//@btn-default-bg: @input-background-color;

// Input
// ---
//@input-height-base: 32px;
//@input-height-lg: 40px;
//@input-height-sm: 24px;
//@input-padding-horizontal: @control-padding-horizontal - 1px;
//@input-padding-horizontal-base: @input-padding-horizontal;
//@input-padding-horizontal-sm: @control-padding-horizontal-sm - 1px;
//@input-padding-horizontal-lg: @input-padding-horizontal;
//@input-padding-vertical-base: 4px;
//@input-padding-vertical-sm: 1px;
//@input-padding-vertical-lg: 6px;
//@input-placeholder-color: hsv(0, 0, 75%);
//@input-color: @text-color;
//@input-border-color: @border-color-base;
@input-bg: @input-background-color;
//@input-number-hover-border-color: @input-hover-border-color;
//@input-number-handler-active-bg: #20294B;
//@input-number-handler-hover-bg: @primary-5;
//@input-number-handler-bg: @input-background-color;
//@input-number-handler-border-color: @border-color-base;
//@input-addon-bg: @background-color-light;
//@input-hover-border-color: @primary-5;
//@input-disabled-bg: @disabled-bg;
//@input-outline-offset: 0 0;

// Dropdown
//@dropdown-selected-color: @primary-color;

// Select
// ---
//@select-border-color: @border-color-base;
//@select-item-selected-color: @text-color;
//@select-item-selected-font-weight: 600;
//@select-dropdown-bg: @input-background-color;
//@select-item-selected-bg: @component-background;
//@select-item-active-bg: @component-background;
//@select-background: @input-background-color;


// Menu
// ---
//@menu-inline-toplevel-item-height: 56px;
//@menu-item-height: 56px;
//@menu-collapsed-width: 80px;
@menu-inline-toplevel-item-height: 48px;
@menu-item-height: 48px;
@menu-collapsed-width: 80px;
@menu-item-font-size: 18px;
@menu-bg: @component-background;
@menu-popup-bg: transparent;
@menu-item-color: @text-color;
@menu-highlight-color: @primary-color;
@menu-item-active-bg: transparent;
@menu-item-active-border-width: 3px;
@menu-item-group-title-color: @text-color-secondary;
@menu-icon-size: @font-size-base;
@menu-icon-size-lg: @font-size-lg;

@menu-item-vertical-margin: 4px;
//@menu-item-font-size: 20px;
@menu-item-boundary-margin: 8px;

// dark theme
@menu-dark-color: @text-color-secondary-dark;
@menu-dark-bg: transparent;
@menu-dark-arrow-color: #fff;
@menu-dark-submenu-bg: transparent;
@menu-dark-highlight-color: @primary-color;
@menu-dark-item-active-bg:  transparent;
@menu-dark-selected-item-icon-color: @primary-color;
@menu-dark-selected-item-text-color: @primary-color;
@menu-dark-item-hover-bg: transparent;

// Breadcrumb
// ---
@breadcrumb-base-color: @primary-7;
//@breadcrumb-last-item-color: @primary-5;
//@breadcrumb-font-size: @font-size-base;
//@breadcrumb-icon-font-size: @font-size-base;
@breadcrumb-link-color: @primary-7;
@breadcrumb-link-color-hover: @primary-5;
@breadcrumb-separator-color: @primary-7;
//@breadcrumb-separator-margin: 0 @padding-xs;

// Modal
// --
//@modal-body-padding: 24px;
//@modal-header-bg: #ffffff;
//@modal-header-border-color-split: @border-color-split;
//@modal-heading-color: @heading-color;
//@modal-footer-bg: #ffffff;
//@modal-footer-border-color-split: @border-color-split;
//@modal-mask-bg: fade(@black, 45%);



@media screen and (max-width: 1500px) {
  @menu-inline-toplevel-item-height: 48px;
  @menu-item-height: 48px;
  @menu-collapsed-width: 80px;
  @menu-item-font-size: 18px;
}

@media screen and (min-width: 1500px) {
  @menu-inline-toplevel-item-height: 56px;
  @menu-item-height: 56px;
  @menu-collapsed-width: 80px;
  @menu-item-font-size: 20px;
}
